도넛 차트

도넛 차트란?

파이 차트의 중앙을 비워
정보 중심의 강조 또는 디자인 효과를 높인 원형 차트

• Tableau에서는 기본 제공되지 않으며
• 파이 차트 + 이중축(Dual Axis) 을 활용해 생성합니다.

언제 사용하는가?

• 구성비 표현은 유지하되
• 중심에 요약 정보(예: 총 매출) 를 강조하고 싶을 때
• 파이 차트보다 시각적으로 덜 답답한 느낌을 줄 때

대시보드 또는 요약 영역 시각화에 자주 활용됩니다.

실습 준비: 필드 설정

1. 새 워크시트 생성
2. 고객 세그먼트 → 행 선반(또는 마크 카드 > 색상)
3. 매출 → 열 선반(또는 마크 카드 > 각도)
4. 표현 방식(Show me) → 파이(Pie) 로 변경
5. 마크 카드 > 레이블 → 고객 세그먼트, 매출 추가
6. 매출 필드 클릭 → [퀵 테이블 계산] → 구성 비율 설정

도넛 차트 만들기 (이중축 활용)

1. 계산된 필드 만들기

• 데이터 패널 우측 상단 [▼] → [계산된 필드 생성]
• 이름: 도넛 배경
• 값: MIN(1)

이 필드는 도넛의 '뒤쪽 배경 원' 역할입니다.
(가상 데이터 축을 만들어 주기 위함)

도넛 차트 만들기 (이중축 활용)

2. 도넛 구조 구성

1. 도넛 배경 → 행 선반에 추가
2. 도넛 배경 필드를 Ctrl + 드래그하여 복제
   → 행 선반에 2개의 도넛 배경 필드가 나란히 있어야 함
3. 두 번째 도넛 배경 우클릭 → [이중 축 만들기]

두 개의 마크 카드가 생성됨 (앞/뒤)

1. 데이터 패널의 우측 작은 화살표 클릭릭
2. 계산된 필드 생성: 제목 -> 도넛 배경 값 -> MIN(1)
3. 도넛 배경 → 행 선반에 추가 및 복사
4. 도넛 배경 필드 우클릭 → 이중 축 만들기
5. 마크 카드 2개가 생성됨:
   • 첫 번째(앞쪽): 기존 파이 차트
   • 두 번째(뒤쪽): 도넛의 중심 (투명 처리용)
6. 뒤쪽 마크 카드 내용 제거

마크 카드 설정

① 앞쪽 마크 (실제 파이)

• 마크 유형: 파이
• 색상: 고객 세그먼트로 지정
• 각도: 매출
• 레이블: 고객 세그먼트, 매출, 퀵 테이블 계산: 구성 비율 추가
• 크기: 중간~크게

② 뒤쪽 마크 (중앙 비움용)

• 마크 유형: 파이
• 모든 필드 제거 (색상, 각도, 레이블 등)
• 색상: 흰색 또는 배경색과 동일
• 크기: 앞쪽 마크보다 작게 조정 (중간을 위해)

중앙 텍스트 삽입 (도넛 중심 강조)

도넛 차트의 중앙에 핵심 정보를 시각적으로 강조할 수 있습니다.

방법 ①: 워크시트 제목 활용

• 워크시트 상단 → 제목 입력
• 예: 총 매출: ₩1,250,000

방법 ②: 고정 텍스트 레이블 사용

• 마크 카드 > [레이블] 클릭
• 텍스트에 직접 "총 매출" 등 입력
• 폰트 크기, 정렬, 색상 등을 조정하여 가운데 배치

실습 예시 정리

[여기에 실습 결과 이미지 캡처 삽입 예정]

실습 팁 & 유의사항

퀴즈로 복습하기

1. 도넛 차트는 어떤 원리를 이용해서 만들었나요?
2. 마크 카드가 2개로 나뉘는 이유는 무엇인가요?
3. 중심이 뚫리는 효과는 어떤 방식으로 구현되었나요?

해설

Tableau 기본엔 없지만, 이중축 Dual Axis으로 구현 가능
앞쪽은 실제 데이터 시각화, 뒤쪽은 중심 제거용
흰색 파이 조각 + 크기 조절로 중심을 시각적으로 비움

정렬 및 파이 조각 조정

파이 조각의 순서를 내림차순으로 정렬하면
시각적으로 가장 큰 항목부터 정리되어 인식이 쉽습니다.

정렬 방법:

1. 데이터 패널에서 차원(예: 고객 세그먼트) 우클릭
2. [정렬] 선택
3. 기준 필드 → 매출, 정렬 순서 → 내림차순

큰 조각이 먼저 나오고, 작은 조각이 시계방향으로 이어짐

마크 카드 세부 디자인 설정

마크 카드에서 [색상] 클릭 → [테두리] 설정 가능

레이블 최적화

레이블은 중요 정보만 간결하게!

시각적 요소 정리

불필요한 UI 요소를 제거하여
도넛 차트를 깔끔하고 명확하게 보이게 합니다.

• [머리글] 우클릭 → 머리글 표시 해제
• [도구 설명] → 레이블 편집에서 불필요한 내용 제거
• 캔버스 우클릭 → [라인] → [격자선] → 없음 선택

"데이터만 강조되는 미니멀한 시각화" 완성

다중 도넛 차트 만들기

추가 차원을 선반에 넣으면
여러 개의 도넛 차트를 한 화면에 나란히 비교할 수 있습니다.

예시:

• 연도 → 열 선반
• 제품 대분류 → 행 선반

시계열 비교, 지역 비교, 카테고리 비교 등에 유용

뷰 → 전체 보기로 설정하면 화면에 맞춰 자동 배열됩니다.